<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击</button>
</body>
</html>
<script>
    // 箭头函数的this是上层作用域的this
    // var btn = document.querySelector("button");
    // btn.onclick = ()=>{
    //     var arr = [1,2];
    //     arr.forEach(item=>{
    //         setTimeout(()=>{
    //             console.log(this);
    //         },1000);
    //     })
    // }

    // 事件函数使用箭头函数然后获取事件源
    let btn = document.querySelector("button");
    btn.onclick = ()=>{
        // btn.style.background = "red";
        e.target.style.background = "red";
    }

    // 箭头函数没有隐藏参数
    var fn = ()=>{
        console.log(arguments);
    }
    fn(1,2,3);  //undefined

    // 箭头函数处理不定参
    var fn1 = (...args)=>{
        console.log(args);
    }
    fn1(1,2,3);

    // 箭头函数不能作为构造函数


</script>